.app-wrap{
  padding-bottom: 124px;
  background: #F5F5F5;
}
.appBar{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  height: 98px;
  background: #FFFFFF;
  box-shadow: 0px -4px 6px 0px rgba(0,0,0,0.05);
  font-weight: 500;
  color: #BDC5CE;
  div{
      position: relative;
      text-align: center;
      font-size: 22px;
      line-height: 28px;
      font-weight: bold;
      img{
          width: 52px;
          height: 52px;
          margin-bottom: 6px;
      }
  }
  .active{
    color: #EC5958;
    img {
      width: 60px;
      height: 60px;
    }
    &::after {
      content: '';
      width: 176px;
      height: 24px;
      position: absolute;
      top: 0%;
      left: 50%;
      transform: translate(-50%, -101%);
      background: url('~@/assets/imgs/bottom-active.png') no-repeat center center;
      background-size: 100% 100%;
    }
  }
}
